{% extends 'base.html' %}

{% load static %}

{% block content %}

<!DOCTYPE html>
<html lang="en">
    
      <body>

        <section id="showcase">
          <div class="container text-center">
            <div class="home-search p-5">
              <div class="overlay p-5">
                    <!-- Form Row 1 -->
                    <div class="form-row">
                      <div class="col-md-4 mb-3">
                        <p>西區</p>
                        <img src="static/img/t2.jpeg" >
                      </div>  
                      <div class="col-md-4 mb-3">
                        <p> </p> 
                      </div>      
                      <div class="col-md-4 mb-3">
                        <p>東區</p>
                        <img src="static/img/t1.jpeg" >
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="col-md-4 mb-3">
                        <p>157</p>
                      </div>  
                      <div class="col-md-4 mb-3">
                        <hp> : </p> 
                      </div>      
                      <div class="col-md-4 mb-3">
                        <p>155</p>
                      </div>
                    </div>
                    
                  </form>
                </div>
              </div>
            </div>
          </div>
        </section>

        <!-- Listings -->
  <section id="listings" class="py-5">
    <div class="container">
      <h3 class="text-center mb-3">先发球员数据</h3>
      <h4 class="text-center mb-3">東區</h3>
        <!-- Listing 1 -->
        <!--<div class="col-md-6 col-lg-4 mb-4">-->
          <div class="start-5-data-table-listing">
            <table border="1" style="text-align:center">
              <!-- 列表頭 -->
              <thead>
              <tr>
                <th width="100"></th>
                <th>姓名</th>
                <th>分鐘</th>
                <th>得分</th>
                <th>籃板</th>
                <th>助攻</th>
                <th>命中</th>
                <th>出手</th>
                <th>命中率</th>
                <th>三分命中</th>
                <th>三分出手</th>
                <th>三分命中率</th>
                <th>失誤</th>
                <th>犯規</th>
              </tr>
            </thead>
            <tbody>
              {% if eastplayers %}
              {% for player in eastplayers %}
              <tr>
                  <td ><img src="{{ player.photo_main.url }}" alt=""></td>
                  <td>
                    <a>{{ player.name }}</a>
                  </td>
                  <td>{{ player.time }}</td>
                  <td>{{ player.score }}</td>
                  <td>{{ player.rebound }}</td>
                  <td>{{ player.assists }}</td>
                  <td>{{ player.hit }}</td>
                  <td>{{ player.shoot }}</td>
                  <td>{{ player.percentage }}</td>
                  <td>{{ player.threehit }}</td>
                  <td>{{ player.threeshoot }}</td>
                  <td>{{ player.threepercentage }}</td>
                  <td>{{ player.turnover }}</td>
                  <td>{{ player.foul }}</td>               
              </tr>
              {% endfor %}
              {% endif %}
            </tbody>           
            </table>
            </div>
            </div>
      </div>
    </div>
  </section>
  <section id="listings" class="py-5">
    <div class="container">
      <h4 class="text-center mb-3">西區</h3>
        <!-- Listing 1 -->
        <!--<div class="col-md-6 col-lg-4 mb-4">-->
          <div class="start-5-data-table-listing">
            <table border="1" style="text-align:center">
              <!-- 列表頭 -->
              <thead>
              <tr>
                <th width="100"></th>
                <th>姓名</th>
                <th>分鐘</th>
                <th>得分</th>
                <th>籃板</th>
                <th>助攻</th>
                <th>命中</th>
                <th>出手</th>
                <th>命中率</th>
                <th>三分命中</th>
                <th>三分出手</th>
                <th>三分命中率</th>
                <th>失誤</th>
                <th>犯規</th>
              </tr>
            </thead>
            <tbody>
              {% if westplayers %}
              {% for player in westplayers %}
              <tr>
                  <td ><img src="{{ player.photo_main.url }}" alt=""></td>
                  <td>
                    <a>{{ player.name }}</a>
                  </td>
                  <td>{{ player.time }}</td>
                  <td>{{ player.score }}</td>
                  <td>{{ player.rebound }}</td>
                  <td>{{ player.assists }}</td>
                  <td>{{ player.hit }}</td>
                  <td>{{ player.shoot }}</td>
                  <td>{{ player.percentage }}</td>
                  <td>{{ player.threehit }}</td>
                  <td>{{ player.threeshoot }}</td>
                  <td>{{ player.threepercentage }}</td>
                  <td>{{ player.turnover }}</td>
                  <td>{{ player.foul }}</td>               
              </tr>
              {% endfor %}
              {% endif %}
            </tbody>           
            </table>
            </div>
            </div>
      </div>
    </div>
  </section>
      
        <script src="static/js/jquery-3.3.1.min.js "></script>
        <script src="static/js/bootstrap.bundle.min.js "></script>
        <script src="static/js/main.js "></script>
      </body>
{% endblock %}